widthol,ul {
    list-style:none
}
.zoom {
    zoom:1
}
.hidden {
    visibility:hidden
}
.none {
    display:none
}
#nav {
    z-index:99;    
    margin:0 auto;
    width:1000px;
}
#nav #navRight {
    float:right;
    position:relative!important;
}

#nav #nav-control {
    cursor:pointer;
    display:none;
}
#nav #navWrap {
    margin:0 auto;
    z-index:1000;
}
#nav #navWrap #navMain {
    z-index:1000;
}
#nav #navWrap #navMain li {
    float:left;
    width:12%;
    -webkit-transition:  0.2s ease-in 0s;
    -moz-transition:  0.2s ease-in 0s;
    -ms-transition:  0.2s ease-in 0s;
    -o-transition:  0.2s ease-in 0s;
    transition:  0.2s ease-in 0s;
}
#nav #navWrap #navMain li:hover {
    background:#231915;
}
#nav #navWrap #navMain li a {
    text-align:center;
    height:50px;
    line-height:50px;
	 font-size:15px;
	 font-weight: bold;
	 display:block;
	 color:#231915;
	 font-family:"Microsoft Yahei","Arial", "Helvetica", "sans-serif";
}
#nav #navWrap #navMain li:hover a {
   color:#ffffff;
	text-decoration: none;
	
}
.curret{
	background:#231915;
	display:block;
	color:#ffffff;
}

#nav #navWrap #navMain .has-more:hover .nav-sub1{
    display:block;
}

#nav #navWrap #navMain .nav-sub1 {
    width:150px;
    position:absolute;
    display:none;
    z-index:1000;
    text-align:left;
}
#nav #navWrap #navMain .nav-sub1 li{
    display:block;
    text-align:left;
    position:relative;
    background:rgba(238,238,238, 0.9) none repeat scroll 0 0 !important;
    width:100%;
}
#nav #navWrap #navMain .nav-sub1 li a {
    height:34px;
    line-height:34px;
    font-size: 14px;
    text-decoration: none; 
    padding-left:14px;
    text-align:left;
    color:#222222;
    font-weight: normal;
}
#nav #navWrap #navMain .nav-sub1 li:hover{
    background:rgba(240,172,1, 0.9) none repeat scroll 0 0 !important;
}
#nav #navWrap #navMain .nav-sub1 li:hover a{
    color:#ffffff;
}

#nav #navWrap #navMain .nav-sub1:hover {
    display:block;
}

@media (max-width: 1020px) {
    #nav {
        width:100%;
    }      
}


@media screen and (max-width:767px) {
    .container-white {
        padding:0!important
    }
    #nav {
        z-index:999;
        position:absolute;
        background: transparent;
        top:10px;
        right:0;
        width:50px;
    }
    #nav #navWrap {
        height:auto!important;
    }
    #nav #navWrap #navRight {
        margin-top:5px;
        padding-right:10px;
    }
    #nav #navWrap #navRight #nav-control {
        display:inline-block;
    }
    
    #nav #navMain {
        display:block;
        width:260px;
        height:0;
        overflow:hidden;
        padding-top:20px;
        float:right;
        margin-right:0px;
    }
    #nav #navWrap #navMain li {
        position:relative;
        display:block;
        float:none;
        width:100%;
        border-bottom:1px solid #d8d8d8;
        background:linear-gradient(top,#eee,#e8e8e8);
        background:-webkit-linear-gradient(top,#eee,#e8e8e8);
        background:-moz-linear-gradient(top,#eee,#e8e8e8)
    }
    .curret{
        background:transparent;
        display:block;
        color:#f0b000;
    }
    #nav #navWrap #navMain li a {
        height:46px!important;
        line-height:46px!important;
        text-align:left!important;
        padding-left:30px;
        color:#666666;
        font-weight: normal;
        font-size:16px;
        text-shadow:rgba(0,0,0,1) 0px 0px 0px;
    }
    #nav #navWrap #navMain li a {
       color:#666666;
    }
    #nav #navWrap #navMain li:hover a {
       color:#226463;
    	text-decoration: none;
   }
  #nav #navWrap #navMain li:hover {
        border-bottom:1px solid #d8d8d8;
        background:linear-gradient(top,#eee,#e8e8e8);
        background:-webkit-linear-gradient(top,#eee,#e8e8e8);
        background:-moz-linear-gradient(top,#eee,#e8e8e8)
    }
    #nav #navMain li a:after {
        display:none!important
    }
    #nav #navMain .has-more .nav-sub1 {
        width:100%; 
        display:none!important;
        top:0!important;
        height:auto!important;
        padding-left:0!important;
        position:relative!important;
        white-space:normal!important;
        left:0!important;
        width:100%;        
    }
    #nav #navWrap #navMain .nav-sub1 li{
       background: #1c1c1c;
    }
    #nav #navWrap #navMain .nav-sub1 li:hover{
       background: #111111;
    }
    #nav #navMain .has-more:hover .nav-sub1 li{
        color:#ffffff!important;
        margin-top:0!important;
        cursor:pointer;
        
    }
    #nav #navWrap #navMain .nav-sub1 li a {
        color:#ffffff!important;
        margin-top:0!important;
        font-size:13px;
        padding-left:30px;
    }
    #nav #navWrap #navMain .nav-sub1 li:hover a {
        color:#00b8de!important
    }
}